<template>
  <!-- 1.子组件中对props进行注册后使用 -->
  <!-- 2.父组件通过props传递参数和方法和react比较像 -->
  <!-- 3.:age='18'  表示传参为数字类型 -->
  <!-- 4.  ageStr='18'  表示传参为字符类型 -->
  <button @click="FClick">父组件调用子组件的方法</button>
  <hr />
  <Head :title="title" content="11121" ref="sonRef" :sonClick="sonClick" :age='18' ageStr='18'></Head>
</template>

<script>
import Head from './head.vue'
export default {
  name: 'HelloWorld',
  components: { Head },
  data() {
    return {
      title: '你好啊',
    }
  },
  methods: {
    sonClick() {
      this.title = '哦哦哦'
      console.log('父组件的sonClick被调用了')
    },
    FClick() {
      console.log(this.$refs.sonRef)
      this.$refs.sonRef.btnClick()
    },
  },
}
</script>
<style scoped></style>
